<template>
  <div id="app">
    <ConfigProvider :locale="locale">
      <router-view v-slot="{ Component }">
        <component :is="Component" />
      </router-view>
    </ConfigProvider>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import zhCN from "ant-design-vue/es/locale/zh_CN";
import { ConfigProvider } from "ant-design-vue";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
export default defineComponent({
  name: "App",
  components: { ConfigProvider },
  props: {
    name: {
      type: String,
    },
  },
  data() {
    return {
      locale: zhCN,
    };
  },
});
</script>
<style lang="less">
#app {
  height: 100vh;
}
</style>